import classNames from 'classnames'
import { memo } from 'react'
import { IconFont } from '../IconFont'
import { Panel } from '../Panel'
import { StyleColor } from '../Panel/Panel'
import styles from './Notes.module.scss'

interface NotesProps {
  color: StyleColor
}

export const Notes = memo(({ color }: NotesProps) => {
  const allStyles = classNames(styles.component)

  return (
    <Panel className={allStyles} color={color}>
      <div>
        Затем вы можете использовать эту команду с командой docker rm для удаления всех
        неиспользуемых контейнеров
      </div>
      <div className={styles.info}>
        <p className={styles.date}>2 Июля 2023</p>
        <IconFont className={styles.btn} iconName='icon-edit-pencil'></IconFont>
      </div>
    </Panel>
  )
})

Notes.displayName = 'Notes'
